<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core">

    <style type="text/css">
        .canc{
            background-image: url("../resources/images/ajax_small.gif");
        }        
    </style> 

    <body>

        <ui:composition template="../plantilla/Plantilla_1.xhtml">

            <ui:define name="top">
                <ui:include src="../plantilla/top_login.xhtml" />
            </ui:define>    

            <ui:define name="left">
                <ui:include src="../plantilla/left.xhtml" />
            </ui:define>

            <ui:define name="content">

                <table width="547" border="0" cellspacing="0" cellpadding="0" background="resources/images/3_26.gif" align="center">
                    <tr>
                        <td width="360" valign="top"> 
                            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                <tr>
                                    <td style="background-image:url(resources/images/3_121.gif)" width="279" height="41">
                                        <center><b><h:outputText style="color: #ffffff; font-size: 13px" value="Catálogo de cuentas"/></b></center>
                                        <!--width="279" height="41" alt=""/-->
                                    </td>
                                </tr>
                                <tr>
                                    <td><img src="resources/images/3_15.jpg" width="279" height="38" alt=""/></td>
                                </tr>
                            </table>
                            <table width="279" border="0" cellspacing="0" cellpadding="0">
                                <tr>
                                    <td width="12"></td>
                                    <td width="255"><div align="justify"><span class="main">              

                                                <br/>                                          


                                            </span></div></td>
                                    <td width="12"></td>
                                </tr>
                            </table>
                        </td>
                        <td width="187" valign="top"><img src="resources/images/3_13.jpg" width="268" height="230" alt=""/></td>
                    </tr>
                    <tr>                                                             


                        <td colspan="2">

                            <table  border="0" cellspacing="0" cellpadding="0">
                                <tr>
                                    <td width="12"></td>
                                    <td><div align="justify"><span class="main">                                                           

                                                <p:growl id="growl" showDetail="true" />  

                                                <p:fieldset legend="Catálogo&nbsp;" toggleable="true" toggleSpeed="500">  
                                                    <p:ajax event="toggle" update="growl" />          

                                                    <p:messages id="messages" />  
                                                    <p:panelGrid id="panel1" columns="2" style="width: 500px">  
                                                        <f:facet name="header">  
                                                            Catálogo de cuentas
                                                        </f:facet>  

                                                        <h:outputLabel for="codigo" value="Código: *" />  
                                                        <p:inputText id="codigo" value="" label="codigo" size="12" />      

                                                        <h:outputLabel for="nombre" value="Nombre de la cuenta: *" />  
                                                        <p:inputText id="nombre" value="" required="true" label="Nombre" size="40" />      

                                                        <h:outputLabel for="codigo" value="Nivel de cuenta: *" />  
                                                        <p:inputText id="codigo" value="" label="nivel" size="12" />      
                                                        <h:outputLabel for="codigo" value="Tipo de cuenta: *" />  
                                                        <p:inputText id="codigo" value="" label="tipo" size="12" />      

                                                        <f:facet name="footer">  
                                                            <p:row>
                                                                <p:column style="text-align: center">
                                                                    <p:commandButton id="btn_save" type="button" value="Guardar" icon="ui-icon-disk" style="margin:0"/>
                                                                    <p:commandButton type="button" value="Cancelar" icon="ui-icon-cancel" style="margin:0"/>
                                                                    <p:commandButton type="button" value="Buscar" icon="ui-icon-search" style="margin:0"/>        
                                                                    <p:commandButton type="button" value="Cerrar" icon="ui-icon-close" style="margin:0"/>        
                                                                    <p:commandButton type="button" value="Refrescar" icon="ui-icon-refresh" style="margin:0"/>
                                                                    <p:commandButton type="button" value="Aceptar" icon="ui-icon-check" style="margin:0"/>
                                                                    <p:commandButton type="button" value="Nuevo" icon="ui-icon-document" style="margin:0"/>
                                                                    <p:commandButton type="button" value="Ir" icon="ui-icon-extlink" style="margin:0"/>
                                                                    <p:commandButton type="button" value="Mover" icon="ui-icon ui-icon-arrow-4" style="margin:0"/>
                                                                    <p:commandButton type="button" value="Explorar" icon="ui-icon ui-icon-folder-collapsed" style="margin:0"/>
                                                                    <p:commandButton type="button" value="Abrir" icon="ui-icon ui-icon-folder-open" style="margin:0"/>                                                                                        
                                                                    <p:commandButton type="button" value="Favoritos" icon="ui-icon ui-icon-star" style="margin:0"/>                                                                                        
                                                                    <p:commandButton type="button" value="Reloj" icon="ui-icon ui-icon-clock" style="margin:0"/>                                                                                        
                                                                    <p:commandButton type="button" value="Imprimir" icon="ui-icon ui-icon-print" style="margin:0"/>                                                                                        
                                                                    <p:commandButton type="button" value="Escribir" icon="ui-icon ui-icon-pencil" style="margin:0"/>
                                                                    <p:commandButton type="button" value="Deshacer" icon="ui-icon ui-icon-arrowreturnthick-1-w" style="margin:0"/>
                                                                    <p:commandButton type="button" value="Rehacer" icon="ui-icon ui-icon-arrowreturnthick-1-e" style="margin:0"/>
                                                                    <p:commandButton type="button" value="Cortar" icon="ui-icon ui-icon-scissors" style="margin:0"/>        
                                                                    <p:commandButton type="button" value="Copiar" icon="ui-icon ui-icon-copy" style="margin:0"/>        
                                                                    <p:commandButton type="button" value="Pegar" icon="ui-icon ui-icon-clipboard" style="margin:0"/>        
                                                                    <p:commandButton type="button" value="Eliminar" icon="ui-icon ui-icon-trash" style="margin:0"/>        
                                                                    <p:commandButton type="button" value="Seleccionar todo" icon="ui-icon ui-icon-arrow-4-diag" style="margin:0"/>        
                                                                    <p:commandButton type="button" value="Ayudar" icon="ui-icon ui-icon-help" style="margin:0"/>
                                                                    <p:commandButton type="button" value="Acerca de..." icon="ui-icon ui-icon-gear" style="margin:0"/>



                                                                    

                                                                    <h:form>
                                                                        <p:commandLink value="export" ajax="true">
                                                                        <p:dataExporter type="xls" target="tbl" fileName="myfile" />  
                                                                    </p:commandLink>
                                                                        <p:dataTable id="tbl" var="car" value="" paginator="true" rows="10">        
                                                                            <p:column>  
                                                                                <f:facet name="header">  
                                                                                    <h:outputText value="Model" />  
                                                                                </f:facet>  
                                                                                <h:outputText value="#Model" />  
                                                                            </p:column>  

                                                                            <p:column>  
                                                                                <f:facet name="header">  
                                                                                    <h:outputText value="Year" />  
                                                                                </f:facet>  
                                                                                <h:outputText value="Year"/>  
                                                                            </p:column>  

                                                                            <p:column>  
                                                                                <f:facet name="header">  
                                                                                    <h:outputText value="Manufacturer" />  
                                                                                </f:facet>  
                                                                                <h:outputText value="Manufacturer" />  
                                                                            </p:column>  

                                                                            <p:column>  
                                                                                <f:facet name="header">  
                                                                                    <h:outputText value="Color" />  
                                                                                </f:facet>  
                                                                                <h:outputText value="Color" />  
                                                                            </p:column>  
                                                                        </p:dataTable>  

                                                                        <h:panelGrid columns="2">  
                                                                            <p:panel header="Export All Data">  


                                                                                <h:commandLink>  
                                                                                    <p:graphicImage value="../resources/images/3_03.gif" />                                                                  
                                                                                    <p:dataExporter type="pdf" target="tbl" fileName="cars"/>  
                                                                                </h:commandLink>  


                                                                            </p:panel>  

                                                                            <p:panel header="Export Page Data">  


                                                                                <h:commandLink>  
                                                                                    <p:graphicImage value="../resources/images/3_03.gif" />                                                                  
                                                                                    <p:dataExporter type="pdf" target="tbl" fileName="cars" pageOnly="true"/>  
                                                                                </h:commandLink>  

                                                                                <h:commandLink>  
                                                                                    <p:graphicImage value="../resources/images/3_03.gif" />                                                                  
                                                                                    <p:dataExporter type="csv" target="tbl" fileName="cars" pageOnly="true"/>  
                                                                                </h:commandLink>  

                                                                                <h:commandLink>  
                                                                                    <p:graphicImage value="../resources/images/3_03.gif" />                                                                  
                                                                                    <p:dataExporter type="xml" target="tbl" fileName="cars" pageOnly="true"/>  
                                                                                </h:commandLink>  
                                                                            </p:panel>  
                                                                        </h:panelGrid>  

                                                                        <h:commandButton value="Print" type="button" icon="ui-icon-print">  
                                                                            <p:printer target="tbl" />  
                                                                        </h:commandButton> 


                                                                    </h:form>


                                                                    <h:form prependId="false">  

                                                                        <p:growl id="messages" />  

                                                                        <h:panelGrid columns="1" cellpadding="5">  
                                                                            <h:outputText id="msg" />  

                                                                            <p:commandButton id="showDialogButton" value="Destroy the World" onclick="confirmation.show()" type="button"/>  
                                                                        </h:panelGrid>  

                                                                        <p:dialog id="confirmDialog" modal="true" header="Initiating destroy process" widgetVar="confirmation">  

                                                                            <p:commandButton id="confirm" value="Yes Sure" type="button"
                                                                                             />  
                                                                            <p:commandButton id="decline" value="Not Yet"  type="button" onclick="confirmation.hide()" />   

                                                                        </p:dialog>  

                                                                    </h:form> 



                                                                </p:column>
                                                            </p:row>
                                                        </f:facet>
                                                    </p:panelGrid>          

                                                </p:fieldset>      

                                                <br/>
                                                <p:growl id="grow2" showDetail="true" />  

                                                <p:fieldset legend="&nbsp;" toggleable="true" toggleSpeed="500">                                                   

                                                    <p:ajax event="toggle" update="grow2" />          

                                                    <p:dataTable var="car" value="">
                                                        <p:column>
                                                            <f:facet name="header">
                                                                <h:outputText value="Codigo" />
                                                            </f:facet>
                                                            <h:outputText value="1" />
                                                        </p:column>
                                                        <p:column>
                                                            <f:facet name="header">
                                                                <h:outputText value="Nombre de la cuenta" />
                                                            </f:facet>
                                                            <h:outputText value="Activo" />
                                                        </p:column>
                                                    </p:dataTable>
                                                </p:fieldset>     
                                            </span></div></td>
                                    <td width="12" height="154">&nbsp;</td>
                                </tr>
                            </table>

                        </td>

                    </tr>
                    <tr><td colspan="2">
                            <img   src="../resources/images/3_30.gif" width="547" height="40" alt=""/></td></tr>  
                </table>             


                <!--div style="height: 520px"></div-->
            </ui:define>

            <ui:define name="bottom">
                <ui:include src="../plantilla/bottom.xhtml" />                
            </ui:define>

        </ui:composition>

    </body>
</html>
